/*
 * Copyright 2000-2014 JetBrains s.r.o.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.global-header .try-kotlin-button, .global-header .get-kotlin-button, .page_index .global-header .get-kotlin-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 0 16px;
    border: 0;
    font-size: 14px;
    line-height: 32px;
    height: 34px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.page_index .global-header .get-kotlin-button {
    font-size: 18px;
    line-height: 52px;
    height: 54px;
    padding: 0 32px;
}

.global-header .try-kotlin-button::-moz-focus-inner, .global-header .get-kotlin-button::-moz-focus-inner, .page_index .global-header .get-kotlin-button::-moz-focus-inner {
    border: none;
    padding: 0 1px;
}

.global-header .try-kotlin-button, .global-header .get-kotlin-button {
    position: relative;
    border-radius: 3px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    background-color: #bcc0c6;
    color: #49525e;
}

.global-header .try-kotlin-button:hover, .global-header .get-kotlin-button:hover {
    background-color: #D7D9DB;
}

.page_index .global-header .get-kotlin-button {
    position: relative;
    border-radius: 3px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
    background-color: #ee9529;
    color: #fff;
    font-weight: normal;
}

.page_index .global-header .get-kotlin-button {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.1);
}

.page_index .global-header .get-kotlin-button:hover {
    background-color: #FFB62D;
}

.global-header {
    background-image: -moz-linear-gradient(#6481a1, #4e7196);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6481a1), to(#4e7196));
    background-image: -webkit-linear-gradient(#6481a1, #4e7196);
    background-image: -o-linear-gradient(#6481a1, #4e7196);
    background-color: #6481A1;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.global-header:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}

.global-header .g-layout {
    position: relative;
}

.global-header .try-kotlin-button {
    top: -1px;
}

.global-header .get-kotlin-button {
    top: -2px;
}

.global-header .get-kotlin-button .version {
    font-size: 12px;
}

.global-header .kotlin-info {
    padding-top: 120px;
    text-align: left;
}

.global-header .kotlin-info-description {
    margin-bottom: 24px;
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    font-family: "GraublauSlab Regular", Georgia, serif;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2), -1px 2px 1px rgba(0, 0, 0, 0.2);
}

.global-header .kotlin-info-description-extra {
    position: relative;
    margin-bottom: 72px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.4);
}

@media (max-width: 810px) {
    .global-header .kotlin-info-description-extra {
        margin-bottom: 40px;
    }
}

.page_index .global-header .get-kotlin-button {
    text-transform: uppercase;
}

.global-header-panel {
    box-sizing: border-box;
    padding: 8px 0;
    height: 60px;
    background-color: #49525E;
}

.global-header-panel:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}

.page_index .global-header-panel {
    background-color: #182333;
    background-color: rgba(24, 35, 51, 0.7);
}

.global-header-logo {
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    position: relative;
    top: 12px;
    float: left;
    width: 105px;
    height: 25px;
    background: url("/static/images/kotlin_logo.svg");
    font-size: 0;
    text-decoration: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .global-header-logo {
        background-image: url("/static/images/kotlin_logo.svg");
    }
}
